<template>
  <div class="some-where padding-0-30 margin-top-2">
    <div class="some-where-title">最新热门点</div>
    <div class="some-where-container margin-top-2">
      <div class="today-recommend">
        <div
          class="recommend-con border-radiu-2"
          v-for="(popular, index) in populars"
          :key="index"
          :style="{ backgroundImage: `url(${popular.images})` }"
        >
          <div class="popular-points-title">{{ popular.title }}</div>
        </div>
      </div>
    </div>
  </div>
</template>
  
<script>
export default {
  name: "popularPoints",
  data() {
    return {
      populars:[
        {title: "推荐1",images: require("../../assets/img/home/文化.png"),},
        {title: "推荐1",images: require("../../assets/img/home/文化.png"),},
        {title: "推荐1",images: require("../../assets/img/home/文化.png"),}
      ]
    };
  },
  methods: {},
};
</script>